<%--
  Created by IntelliJ IDEA.
  User: Shinelon
  Date: 2018-08-18
  Time: 12:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.css"/>

<link rel="stylesheet" href="${pageContext.request.contextPath}/static/table/bootstrap-table.min.css"/>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/table/bootstrap-table.min.js"></script>
<script type="text/javascript"
        src="${pageContext.request.contextPath}/static/table/locale/bootstrap-table-zh-CN.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css"/>
<%--<script src="../../static/laydate/laydate.js" />--%>


<link rel="stylesheet" href="${pageContext.request.contextPath}/static/easyui/easyui.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/icon.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/demo.css">

<script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui/jquery.easyui.min.js"></script>


<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/AmazeUI/css/amazeui.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/AmazeUI/js/amazeui.js"></script>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/sweetalert/sweetalert.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/sweetalert/sweetalert.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/sqwyf.js"></script>
<html>
<head>
    <title>Title</title>
</head>
<style type="text/css">
    #da{
        /*background-color: #00ee00;*/
        height: 350px;
        position: relative;
        padding-top: 5px;
    }
    #zuo{
        width: 10%;
        padding: 5px;
        height: 350px;
        /*background-color: #00a2d4;*/
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 5px;
    }
    #you{
        margin-left: 172px;
        width: 90%;
        height: 350px;
        padding: 5px;
        /*background-color: red;*/
        display: inline-block;
    }
    #xia{
        width: 100%;
        height: 410px;
    }
    #dan{
        font-size: 20px;
        font-weight: bold;
        padding: 5px 30px;
        height: 45px;
        width: 100%;
    }
</style>
<body>
<div id="da">
    <div id="zuo">
        <ul id="tt" class="easyui-tree" data-options="url:'${pageContext.request.contextPath}/sale/tree',method:'get',animate:true"></ul>
    </div>
    <div id="you">

        <form class="form-inline">
            <%--按时间查询--%>
            <%--请选择时间范围：--%>
            <%--<div class="layui-input-inline">--%>
            <%--<input type="text" class="layui-input form-control" id="test6" placeholder=" ~ ">--%>
            <%--</div>--%>
            &nbsp;
            房屋状态：
            <select id="typexuan" name="interest" class="form-control">
                <option value="-1">请选择</option>
                <option value="1">空闲</option>
                <option value="2">已售</option>
            </select>
            &nbsp;
            <%--按供货商查询--%>
            门牌编号:
            <%--<input id="firstDate" type="text" class="form-control">--%>
            <select id="men" data-am-selected="{searchBox: 1}" data-am-selected="{maxHeight: 100}">
                <option value="-1">请选择</option>

            </select>
            <button onclick="search()" type="button" class="btn btn-default">查询</button>
        </form>

        <table id="table"></table>
    </div>
</div>
<input type="hidden" id="yin2">
<div id="xia">
    <div id="dan">业主姓名：<span id="name"></span>&emsp;&emsp;&emsp;门牌号：<span id="menpaihao"></span>
        <div onclick="jiao()" style="float: right;display: inline-block">
            <button class="layui-btn" >缴费</button>
        </div>
    <table id="table2"></table>
    </div>
</div>

<!--双击添加-->
<!-- Modal -->

<div class="am-modal am-modal-no-btn" tabindex="-1" id="your-modal">
    <div class="am-modal-dialog" style="width: 520px;height: 361px;">
        <div class="am-modal-hd"><h3>缴费信息</h3>
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <div style="width: 100%;height: 240px; padding: 30px; text-align: left" id="shang">

                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    总&nbsp;&nbsp;金&nbsp;&nbsp;额:
                    <div style="width: 340px;display: inline-block">
                        <input type="text" class="form-control" disabled id="money" placeholder="请输入总金额">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    缴费日期:
                    <div style="width: 340px;display: inline-block">
                        <input type="text" class="form-control layui-input" id="date" placeholder="yyyy-MM-dd">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    缴纳金额:
                    <div style="width: 340px;display: inline-block">
                        <input type="text" onBlur="qian()" class="form-control" id="jine" placeholder="请输入已收金额">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    找&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;零:
                    <div style="width: 340px;display: inline-block">
                        <input type="text" class="form-control" id="zl" placeholder="0">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:
                    <div style="width: 340px;display: inline-block">
                        <input type="text" class="form-control" id="remark" placeholder="请输入备注">
                    </div>
                </div>


            </div>

            <div class="modal-footer">
                <button type="button" id="ddd" onclick="jiao2()" class="btn btn-primary">确认</button>
            </div>

        </div>
    </div>
</div>



</body>
<script type="text/javascript">
    $(function(){
        $.post("${pageContext.request.contextPath}/house/menpai",function (releset) {
            var e=releset;
            $(e).each(function (i,e) {
                $('#men').append('<option value='+e.doornumber+' >'+e.doornumber+'</option>');
            })
        })
    })
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#date'
        });
    });
</script>
</html>
